<header>
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <!-- logo -->
            <a class="brand logo" href="index.html">
            <img src="<?php echo base_url()?>webroot/img/logo.png" alt="" />
            </a>
            <!-- end logo -->
            <!-- top menu -->
            <div>
                <nav>
                <ul class="nav topnav">
                    <li class="dropdown red">
                    <a href="index.html"><i class="fa fa-female fa-2x"></i><br/>NỮ</a>
                    <ul class="dropdown-menu">
                        <li><a href="index_alt1.html">Index alt 1</a></li>
                        <li><a href="index_alt2.html">Index alt 2</a></li>
                    </ul>
                    </li>
                    <li class="dropdown orange">
                    <a href="index.html"><i class="fa fa-male fa-2x"></i><br/>NAM</a>
                    <ul class="dropdown-menu">
                        <li><a href="index_alt1.html">Index alt 1</a></li>
                        <li><a href="index_alt2.html">Index alt 2</a></li>
                    </ul>
                    </li>
                    <li class="dropdown yellow">
                    <a href="#"><i class="fa fa-umbrella fa-2x"></i><br/>PHỤ KIỆN</a>
                    <ul class="dropdown-menu">
                        <li><a href="overview.html">Overview</a></li>
                        <li><a href="scaffolding.html">Scaffolding</a></li>
                        <li><a href="base-css.html">Base CSS</a></li>
                        <li><a href="components.html">Components</a></li>
                        <li><a href="javascript.html">Javascripts</a></li>
                        <li class="dropdown"><a href="#">3rd level</a>
                        <ul class="dropdown-menu sub-menu">
                            <li><a href="#">Example menu</a></li>
                            <li><a href="#">Example menu</a></li>
                            <li><a href="#">Example menu</a></li>
                        </ul>
                        </li>
                    </ul>
                    </li>
                    <li class="dropdown green">
                    <a href="#"><i class="fa fa-heart fa-2x"></i><br/>TÌNH NHÂN</a>
                    <ul class="dropdown-menu">
                        <li><a href="about.html"><i class="fa fa-mobile"></i>About us</a></li>
                        <li><a href="services.html">Our services</a></li>
                        <li><a href="pricingtable.html">Pricing table</a></li>
                        <li><a href="faq.html">F.A.Q</a></li>
                        <li><a href="fullwidth.html">Fullwidth</a></li>
                        <li><a href="404.html">404</a></li>
                    </ul>
                    </li>
                    <li class="dropdown blue">
                    <a href="#"><i class="fa fa-mobile fa-2x"></i><br>PK-DẾ YÊU</a>
                    <ul class="dropdown-menu">
                        <li class="dropdown"><a href="#">Portfolio type 1</a>
                        <ul class="dropdown-menu sub-menu">
                            <li><a href="portfolio-alt1-2cols.html">2 columns</a></li>
                            <li><a href="portfolio-alt1-3cols.html">3 columns</a></li>
                            <li><a href="portfolio-alt1-4cols.html">4 columns</a></li>
                        </ul>
                        </li>
                        <li class="dropdown"><a href="#">Portfolio type 2</a>
                        <ul class="dropdown-menu sub-menu">
                            <li><a href="portfolio-alt2-2cols.html">2 columns</a></li>
                            <li><a href="portfolio-alt2-3cols.html">3 columns</a></li>
                            <li><a href="portfolio-alt2-4cols.html">4 columns</a></li>
                        </ul>
                        </li>
                        <li><a href="portfolio-alt3.html">Portfolio type 3</a></li>
                        <li><a href="portfolio-detail.html">Portfolio detail</a></li>
                    </ul>
                    </li>
                    <li class="dropdown indigo">
                    <a href="#"><i class="fa fa-shopping-cart fa-2x"></i><br>ĐẶT HÀNG</a>
                    <ul class="dropdown-menu">
                        <li><a href="blog_left_sidebar.html">Blog left sidebar</a></li>
                        <li><a href="blog_right_sidebar.html">Blog right sidebar</a></li>
                        <li><a href="post_left_sidebar.html">Post left sidebar</a></li>
                        <li><a href="post_right_sidebar.html">Post right sidebar</a></li>
                    </ul>
                    </li>
                    <li class="dropdown purple">
                    <a href="#"><i class="fa fa-phone fa-2x"></i><br>LIÊN HỆ</a>
                    <ul class="dropdown-menu">
                        <li><a href="blog_left_sidebar.html">Blog left sidebar</a></li>
                        <li><a href="blog_right_sidebar.html">Blog right sidebar</a></li>
                        <li><a href="post_left_sidebar.html">Post left sidebar</a></li>
                        <li><a href="post_right_sidebar.html">Post right sidebar</a></li>
                    </ul>
                    </li>
                    <li class="black">
                    <a href="contact.html"><i class="fa fa-gift fa-2x"></i><br/>KHUYẾN MÃI</a>
                    </li>
                </ul>
                </nav>
            </div>
            <!-- end menu -->
        </div>
    </div>
</div>
</header>